$.fn.extend({
    'tabs': function(options) {
        var defaults = {
            'event': 'click',
            'active': 'actived',
            'show': 'show'
        }

        defaults = $.extend(defaults, options);

        var oBtn = this.children('ul').children('li');
        var oDiv = this.children('div');
        oBtn.on(defaults.event, function() {
            var index = oBtn.index(this);
            $(this).addClass(defaults.active).siblings().removeClass(defaults.active);
            oDiv.eq(index).addClass(defaults.show).siblings().removeClass(defaults.show);
        });
    }
});


$.fn.extend({
    'tabs2': function(options) {
        var defaults = {
            'event': 'click',
            'active': 'actived',
            'show': 'show'
        }

        defaults = $.extend(defaults, options);

        var oBtn = this.find('.activedactived');
        var oDiv = this.find('.showshow');
        oBtn.on(defaults.event, function() {
            var index = oBtn.index(this);
            $(this).removeClass(defaults.active);
            oBtn.not(this).addClass(defaults.active);
            oDiv.eq(index).removeClass(defaults.show);
            oDiv.not(oDiv.eq(index)).addClass(defaults.show);
        });
    }
});